<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<!-- For Resposive Device -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- For IE -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<title>ChinaZ</title>
	
	
	<link href="css1/style1.css" rel="stylesheet" type="text/css" />
    <!--<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />-->
    <script src="./index/js/jquery-3.2.1.min.js" type="text/javascript"></script>
    <!--<script src="js/bootstrap.min.js"></script>-->
     <script src="./index/js/city-picker.data.js"></script>
    <script src="./index/js/city-picker.js"></script>

	

	<!-- Main style sheet -->
	<link rel="stylesheet" href="./css/title.css">
	<link rel="stylesheet" href="css/style.css">
	<!-- responsive style sheet -->
	<link rel="stylesheet" href="css/responsive.css">
	
	<style>
		.con4 {
			width: 300px;
			float:left;
			height: auto;
			overflow: hidden;
			margin: 20px auto;
			color: #FFFFFF;
		}
		
		.con4 .btn {
			width: 100%;
			height: 40px;
			line-height: 40px;
			text-align: center;
			background: #d8b49c;
			display: block;
			font-size: 16px;
			border-radius: 5px;
		}
		
		.upload {
			float: left;
			position: relative;
		}
		
		.upload_pic {
			display: block;
			width: 100%;
			height: 40px;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			border-radius: 5px;
		}
		
		#cvs {
			border: 1px solid #000;
			margin: 20px 0 20px 50px;
		}
        .city-picker-span { width:300px;}
        #edit-info{
            width: 100px;
            height: 30px;
            line-height: 30px;
            border: 1px solid #aaa;
            border-radius: 5px;
            text-align: center;
        }
        .freeze-td{

        }
        .freeze-td-disabled{
            pointer-events: none;
            opacity: 0.5;
        }

    </style>

</head>

<body>

	<div class="main-page-wrapper">

		<!-- =====导航栏开始 ======= -->
		<div class="navbar navbar-fixed-top custom-navbar" role="navigation">
			<div class="container">

				<!-- navbar header -->
				<div class="navbar-header">

					<a href="#" class="navbar-brand">上架申请</a>
				</div>

				<div class="collapse navbar-collapse">

					<ul class="nav navbar-nav navbar-right">
						
						<li><a href="index.html" class="smoothScroll">首页</a></li>
						<li><a href="../领养展示页面/about.html" class="smoothScroll">领养</a></li>
						<li><a href="../宠物店展示/宠物店展示.html" class="smoothScroll">寄养</a></li>
						<li><a href="上架.html" class="smoothScroll">为小可爱找主人</a></li>
						<li><a href="../领养展示页面/about.html" class="smoothScroll">购买宠物</a></li>
						<li><a href="博客.html" class="smoothScroll">社区</a></li>
						<li><a href="../index/上架.html" class="smoothScroll">登录</a></li>
						<li><a href="../个人端页面/账号管理.html" class="smoothScroll">个人中心</a></li>
						<li><a href="../联系我们/lxwm.html" class="smoothScroll">联系我们</a></li>
						
					</ul>

				</div>

			</div>
		</div>

		
		<section id="intro" class="parallax-section">
			<div class="container">
				<div class="row">
				</div>
			</div>
		</section>


		<div class="our-blog">
			<div class="container">
				<div >
        	<br/>
        	<br/>
        	<br/>
            <div class="clear" style="height:20px"></div>
            <div class="clear" style="height:30px"></div>

            <span class="information">
            	<div class="clear" style="height:10px"></div>
            	<div class="con4">
            		<canvas id="cvs" width="200" height="200"></canvas> <span class="btn upload">上传爱宠美照<input type="file" class="upload_pic" id="upload" /></span>
            	</div>

                <!--增删信息模板
                    <tr>
                        <td>电子邮箱：</td>
                        <td><div class="freeze-td"><input class="textput" placeholder="请输入店铺联系邮箱" type="text" value="123@gmail.com"/></div></td>
                    </tr>
                -->
                <form>
                    <table>
                        <tr>
                            <!--店铺名或者登陆名等。自行修改-->
                            <td>宠物名：</td>
                            <td colspan="2"><div class="freeze-td"><input class="textput" placeholder="请输入宠物名" type="text" /></div></td>
                           
                        </tr>

                        <tr>
                            <td>宠物品种：</td>
                            <td><div class="freeze-td"><input class="textput" placeholder="请输入宠物品种" type="text" /></div></td>
                         </tr>
                        <tr>
                            <td>性别：</td>
                            <td><div class="freeze-td"><label>母<input name="sex" type="radio"></label><label>公<input checked name="sex" type="radio"></label></div></td>

                        </tr>

                        <tr>
                            <td>生日：</td>
                            <td><div class="freeze-td"><input class="textput" type="date" value="2019-09-05"/></div></td>
                        </tr>

                        <tr>
                            <td>所在地区：</td>
                            <td class="address"><div class="freeze-td"><input class="addr" data-toggle="city-picker" id="city-picker3" readonly type="text" value="海南省/三沙市/中沙群岛的岛礁及其海域"/></div></td>
                            <td><p class="wrrong"></p></td>
                        </tr>

                        <tr>
                            <td>QQ：</td>
                            <td><div class="freeze-td"><input class="textput" type="text" placeholder="123456"/></div></td>
                            <td><p class="wrrong"></p></td>
                        </tr>

                        <tr>
                            <td>阿里旺旺账号：</td>
                            <td><div class="freeze-td"><input class="textput" type="text" placeholder="阿里旺旺"/></div></td>
                            <td><p class="wrrong"></p></td>
                        </tr>
                        <tr>
                            <td>心理价位：</td>
                            <td><div class="freeze-td"><input class="textput" type="text" placeholder="$"/></div></td>
                            <td><p class="wrrong"></p></td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="2"><button type="button" class="greenbtn submit-btn" data-target=".bs-example-modal-sm" data-toggle="modal">申请</button></td>
                        </tr>
                    </table>
                </form>
                <div class="clear"></div>
            </span>
            <div class="clear" style="height:50px"></div>

            <button aria-label="Close" class="close" data-dismiss="alert" type="button">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    <div class="clearh" style="height:0"></div>
			</div>
		</div>	


        





		<!-- Footer ____________________________ -->
		<footer>
			<div class="container">
				<div class="top-footer row">
					<div class="col-md-5 col-sm-7 col-xs-12 footer-logo">
						<a href="#"><img src="images/them-logo/them-main-logo-2.jpg" alt="Logo"></a>
						<p><span class="p-color">myPet</span> was established in 2017 by Pet business veterans, Rod
							Davies and Matthew Levington, the journey began when founders Matthew Levington and Rod
							Davies, met up in 2017 over a beer</p>
						<ul class="icon">
							<li><a href="" class="tran3s"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
						</ul>

						<ul class="policy">
							<li><a href="" class="tran3s">Privacy Policy </a></li>
							<li><a>|</a></li>
							<li><a href="" class="tran3s">Legal Policy</a></li>
						</ul>
					</div> <!-- /.footer-logo -->

					<div class="col-md-4 col-sm-5 col-xs-12 footer-list">
						<h5>Important Links</h5>

						<ul>
							<li><a href="#" class="tran3s">首页</a></li>
							<li><a href="#" class="tran3s">关于我们 </a></li>
							<li><a href="#" class="tran3s">寄养</a></li>
							<li><a href="shop.html" class="tran3s">领养</a></li>
							<li><a href="#" class="tran3s">出售</a></li>
							<li><a href="#" class="tran3s">新闻</a></li>
							<li><a href="#" class="tran3s">社区</a></li>
						</ul>
						<ul>
							<li><a href="#" class="tran3s">宠物</a></li>
							<li><a href="#" class="tran3s">我们的历史</a></li>
							<li><a href="#" class="tran3s">我们做了什么</a></li>
							
						</ul>
					</div> <!-- /.footer-list -->

					<div class="col-md-3 col-xs-12 footer-news">
						<h5>News Update</h5>

						<ul>
							<li>
								<h6><a href="#" class="tran3s">Prefinished Solid Hardwood Flooring</a></h6>
								<span>january 02,2017</span>
							</li>
							<li>
								<h6><a href="#" class="tran3s">Latst pet care in summer 12 care them well</a></h6>
								<span>january 02,2017</span>
							</li>
						</ul>
					</div> <!-- /.footer-news -->
				</div> <!-- /.top-footer -->
			</div> <!-- /.container -->

			<div class="bottom-footer">
				<div class="container">
					<p class="float-left">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank"
							href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
					<form action="#" class="float-right">
						<input type="text" placeholder="Your Email">
						<button class="tran3s p-bg-color">Subscribe</button>
					</form>
				</div> <!-- /.container -->
			</div> <!-- /.bottom-footer -->
		</footer>

	</div> <!-- /.main-page-wrapper -->


	<!-- Scroll Top Button -->
	<button class="scroll-top tran7s p-color-bg">
		<i class="fa fa-angle-up" aria-hidden="true"></i>
	</button>

	<!-- pre loader  -->
	<div id="loader-wrapper">
		<div id="loader"></div>
	</div>



	<!-- js file -->
	<!-- Main js file/jquery -->
	<script src="vendor/jquery-2.2.3.min.js"></script>
	<!-- bootstrap-select.min.js -->
	<script src="vendor/bootstrap-select-1.10.0/dist/js/bootstrap-select.min.js"></script>
	<!-- bootstrap js -->
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
	<!-- camera js -->
	<script src="vendor/Camera-master/scripts/camera.min.js"></script>
	<script src="vendor/Camera-master/scripts/jquery.easing.1.3.js"></script>
	<!-- Owl carousel -->
	<script src="vendor/OwlCarousel2/dist/owl.carousel.min.js"></script>
	<!-- appear & countTo -->
	<script src="vendor/jquery.appear.js"></script>
	<script src="vendor/jquery.countTo.js"></script>
	<!-- fancybox -->
	<script src="vendor/fancybox/dist/jquery.fancybox.min.js"></script>
	<!-- Gallery - isotop -->
	<script type="text/javascript" src="vendor/isotope.pkgd.min.js"></script>
	<!-- WOW js -->
	<script type="text/javascript" src="vendor/WOW-master/dist/wow.min.js"></script>
	<!-- Circle Progress -->
	<script type="text/javascript" src="vendor/circle-progress.js"></script>
	<!-- Style js -->
<script src="./js/title.js"></script>
	<script src="js/custom.js"></script>

</body>

</html>